<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>地图</title>
		<link rel="stylesheet" type="text/css" href="../../yjzh-plugins/font-awesome-4.7.0/css/font-awesome.min.css" />
		<link rel="stylesheet" type="text/css" href="../../yjzh-css/main.css" />
		<link rel="stylesheet" type="text/css" href="../../yjzh-css/all-page.css" />
		<link rel="stylesheet" type="text/css" href="../../yjzh-css/index.css" />
	</head>

	<body>
		<div class="max-box" style="overflow-y: auto;">
			<div class="map-box" id="myMap"></div>
			<div class="search-localtion-box">
				<input type="text" name="" value="" placeholder="请输入要查询的地址" />
				<button><i class="fa fa-search color-white" aria-hidden="true"></i>&nbsp;&nbsp;搜索</button>
			</div>
			<button class="add-new-sirens button1 bg-orange color-white border-orange font-size-16px"><i class="fa fa-plus color-white" aria-hidden="true"></i>&nbsp;&nbsp;新建警情</button>
			<div class="map-police-box shadow">
				<div class="map-police-inner-box">
					<div class="the-site clear">
						<img src="../../yjzh-img/map/incident-icon.png" />
						<span class="site-title">案发地址：</span>
						<p>河北省石家庄桥西区槐安路还得回家设计户籍会发狂哈哈空间</p>
					</div>
					<div class="hj-nearby-div clear">
						<div class="liandong">
							<img src="../../yjzh-img/map/police-station.png" />
							<span class="nerby-title color-blue">附近警务机构</span>
							<span class="all-police-station color-blue">3个</span>
						</div>
						<div class="shebei">
							<img src="../../yjzh-img/map/police-person.png" />
							<span class="nerby-title color-black-blue">附近警员</span>
							<span class="all-police-person color-black-blue">34个</span>
						</div>
					</div>
					<div class="nearby-history">
						附近警务机构
					</div>
					<div class="map-police-list-box">
						<ul class="map-police-list police-station-list">
							<li class="clear">
								<img class="site-img" src="../../yjzh-img/map/police-station.png" />
								<span class="police-name">桥西区派出所</span>
								<p class="police-address">桥西区和而后交话费酒店是否尽快核实发货速度恢复健康是否还上课</p>
								<p class="juli">
									<img src="../../yjzh-img/map/juli.png" /> 距案发地50米
								</p>
								<div class="check-button">
									<input type="checkbox" name="police-station" id="" value="" />
								</div>
							</li>
							<li class="clear">
								<img class="site-img" src="../../yjzh-img/map/police-station.png" />
								<span class="police-name">桥西区派出所</span>
								<p class="police-address">桥西区和而后交话费酒店是否尽快核实发货速度恢复健康是否还上课</p>
								<p class="juli">
									<img src="../../yjzh-img/map/juli.png" /> 距案发地50米
								</p>
								<div class="check-button">
									<input type="checkbox" name="police-station" id="" value="" />
								</div>
							</li>
							<li class="clear">
								<img class="site-img" src="../../yjzh-img/map/police-station.png" />
								<span class="police-name">桥西区派出所</span>
								<p class="police-address">桥西区和而后交话费酒店是否尽快核实发货速度恢复健康是否还上课</p>
								<p class="juli">
									<img src="../../yjzh-img/map/juli.png" /> 距案发地50米
								</p>
								<div class="check-button">
									<input type="checkbox" name="police-station" id="" value="" />
								</div>
							</li>
							<li class="clear">
								<img class="site-img" src="../../yjzh-img/map/police-station.png" />
								<span class="police-name">桥西区派出所</span>
								<p class="police-address">桥西区和而后交话费酒店是否尽快核实发货速度恢复健康是否还上课</p>
								<p class="juli">
									<img src="../../yjzh-img/map/juli.png" /> 距案发地50米
								</p>
								<div class="check-button">
									<input type="checkbox" name="police-station" id="" value="" />
								</div>
							</li>
							<li class="clear">
								<img class="site-img" src="../../yjzh-img/map/police-station.png" />
								<span class="police-name">桥西区派出所</span>
								<p class="police-address">桥西区和而后交话费酒店是否尽快核实发货速度恢复健康是否还上课</p>
								<p class="juli">
									<img src="../../yjzh-img/map/juli.png" /> 距案发地50米
								</p>
								<div class="check-button">
									<input type="checkbox" name="police-station" id="" value="" />
								</div>
							</li>
						</ul>
						<ul class="map-police-list police-person-list">
							<li class="clear">
								<img class="site-img" src="../../yjzh-img/map/police-person.png" />
								<span class="police-name color-black-blue">警员-张三</span>
								<p class="police-address">桥西区和而后交话费酒店是否尽快核实发货速度恢复健康是否还上课</p>
								<p class="juli">
									<img src="../../yjzh-img/map/juli.png" /> 距案发地50米
								</p>
								<div class="check-button">
									<input type="checkbox" name="police-person" id="" value="" />
								</div>
							</li>
							<li class="clear">
								<img class="site-img" src="../../yjzh-img/map/police-person.png" />
								<span class="police-name color-black-blue">警员-张三</span>
								<p class="police-address">桥西区和而后交话费酒店是否尽快核实发货速度恢复健康是否还上课</p>
								<p class="juli">
									<img src="../../yjzh-img/map/juli.png" /> 距案发地50米
								</p>
								<div class="check-button">
									<input type="checkbox" name="police-person" id="" value="" />
								</div>
							</li>
							<li class="clear">
								<img class="site-img" src="../../yjzh-img/map/police-person.png" />
								<span class="police-name color-black-blue">警员-张三</span>
								<p class="police-address">桥西区和而后交话费酒店是否尽快核实发货速度恢复健康是否还上课</p>
								<p class="juli">
									<img src="../../yjzh-img/map/juli.png" /> 距案发地50米
								</p>
								<div class="check-button">
									<input type="checkbox" name="police-person" id="" value="" />
								</div>
							</li>
							<li class="clear">
								<img class="site-img" src="../../yjzh-img/map/police-person.png" />
								<span class="police-name color-black-blue">警员-张三</span>
								<p class="police-address">桥西区和而后交话费酒店是否尽快核实发货速度恢复健康是否还上课</p>
								<p class="juli">
									<img src="../../yjzh-img/map/juli.png" /> 距案发地50米
								</p>
								<div class="check-button">
									<input type="checkbox" name="police-person" id="" value="" />
								</div>
							</li>
							<li class="clear">
								<img class="site-img" src="../../yjzh-img/map/police-person.png" />
								<span class="police-name color-black-blue">警员-张三</span>
								<p class="police-address">桥西区和而后交话费酒店是否尽快核实发货速度恢复健康是否还上课</p>
								<p class="juli">
									<img src="../../yjzh-img/map/juli.png" /> 距案发地50米
								</p>
								<div class="check-button">
									<input type="checkbox" name="police-person" id="" value="" />
								</div>
							</li>
						</ul>
					</div>

					<div class="submit-button">
						<div class="count-police-box">
							<p>总计派出：</p>
							<p>警员&nbsp;<span class="police-person-num color-red">0</span>&nbsp;人,警务机构&nbsp;<span class="police-station-num color-red">0</span>&nbsp;个</p>
						</div>
						<button>确定</button>
					</div>
				</div>
			</div>
		</div>
	</body>
	<script src="../../yjzh-plugins/js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../yjzh-js/other.js" type="text/javascript" charset="utf-8"></script>
	<script src="https://webapi.amap.com/maps?v=1.4.3&key=c33d7a152b4971ef17be1806e357a3ee" type="text/javascript"></script>
	<script src="//webapi.amap.com/ui/1.0/main.js?v=1.0.11"></script>
	<script src="../../yjzh-js/map.js" type="text/javascript" charset="utf-8"></script>
</html>